<script setup lang="ts">
import { Vue3TreeOrg } from 'vue3-tree-org'
import 'vue3-tree-org/lib/vue3-tree-org.css'

withDefaults(
  defineProps<{
    data: object
  }>(),
  {
    data() {
      return {}
    },
  },
)
</script>

<template>
  <Vue3TreeOrg
    :data="data"
    horizontal
    :tool-bar="{
      scale: true,
      restore: true,
      expand: false,
      zoom: true,
      fullscreen: true,
    }"
    :define-menus="[]"
    :node-draggable="false"
    :props="{
      label: 'name',
      pid: 'parentId',
    }"
  />
</template>

<style scoped>
/* :deep(.tree-org-node__text) {
  min-width: 120px;
} */
</style>
